<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<script src="js/jquery-1.10.2.min.js"></script>
	<script src="js/md5.js"></script>
    <title>login</title>
</head>
<style>
	body{	
		background-image: url(image/background-start.png);
	}
	.kgo-login-content{height: 320px;width: 360px;margin: 240px auto;}
	.kgo-login-content .kgo-sysname{color: #FFFFFF;margin-bottom: 5px;}
	.kgo-login-content .kgo-sysname img{position: relative;top:5px; float: left;height: 40px;width: 45px;margin-right: 18px;margin-left: 50px;}
	.kgo-login-content .kgo-sysname div{font-size: 1.2em;font-weight: 600;}
	.kgo-login-content .login-body{height: 280px;width: 100%; background-color: #FFFFFF;border-radius: 3px;text-align: center;padding-top: 10px;}
	.kgo-login-content .login-body h3{line-height: 30px;}
	.kgo-login-content .login-body .login-btn{color: #FFFFFF;font-size: 1.1em; line-height: 40px; width: 75%;height: 40px; background-color: #27B2F7;margin: 30px auto;border-radius: 5px;}
	.kgo-login-content .login-body .userName{width: 80%;height: 50px;border-bottom: 1px #C0C0C0 solid;margin: 0 auto;}
	.kgo-login-content .login-body .password{width: 80%;height: 50px;border-bottom: 1px #C0C0C0 solid;margin: 0 auto;}
	.kgo-login-content .login-body .input-laber{float: left;position: relative;}
	.kgo-login-content .login-body .input-laber input{text-align: center; height: 40px;width: 200px;position: absolute;top:10px;left: 90px; background-color:transparent;border: 0;}
	.kgo-login-content .login-body .input-laber img{ height: 20px;width: 20px;margin-top: 20px;margin-right: 10px;}
	.kgo-login-content .login-body .input-laber span{color: #C0C0C0;}
	.input-null-alarm{border: red 1px solid;}
</style>
<body>
	<div class="kgo-login-content">
		<div class="kgo-sysname">
			<img src="image/logo/manager.png"/>
			<div>开发管理系统</div>
			<span>开发管理系统</span>
		</div>
		<div class="login-body">
			<h3>系统登录</h3>
			<div class="userName">
				<div class="input-laber">
					<img src="image/icon/username.png"/><span>用户名</span>
					<input type="text" name="userName" id="kgo-username"/>
				</div>
				
			</div>
			<div class="password">
				<div class="input-laber">
					<img src="image/icon/password.png"/><span>密&nbsp;&nbsp;码</span>
					<input type="password" name="password" id="kgo-password"/>
				</div>
			</div>
			<div class="login-btn" id="kgo-login-btn">登&nbsp;&nbsp;录</div>
		</div>
	</div>
	<script type="text/javascript">
		function getLoginInfo(){
			var username = $('#kgo-username').val();
			var password = $('#kgo-password').val();
			if(username==null||username==""||username==" "){
				$('#kgo-username').focus();
				return null;
			}
			if(password==null||password==""||password==" "){
				$('#kgo-password').focus();
				return null;
			}
			var loginInfo = {
				'userName':username,'password':md5(password)
			};
			return loginInfo;
		}
		
		$('#kgo-login-btn').on('click',function(){
			var data = getLoginInfo();
			var logoUrl = "/login";
			if(data!=null){
				$.post(logoUrl,data,function(result,status){
                    alert(status );
                    window.location.href = "https://www.baidu.com/";
                },"text");
			}
			

		});
	</script>
</body>
</html>